<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<%@include file="common.jsp"%>
<script src="<%=bp%>/js/index.js"></script>
<title>智察 - 智能关系洞察系统</title>
</head>
<body>
	<input id="word" type="hidden" value="">
	<input id="current" type="hidden" value="">
	<input id="sum" type="hidden" value="">
	<input id="flag" type="hidden" value="all">
	<input id="level" type="hidden" value="">
	<input id="tagName" type="hidden" value="">
	<jsp:include page="navigation.jsp" />
	<div class="container-fluid" style="padding-top: 10px">
		<div class="row">
			<div class="col-md-3">
				<div class="box box-solid">
					<div class="box-header with-border">
						<h3 class="box-title">文件夹</h3>
						<div class="box-tools">
							<button type="button" class="btn btn-box-tool"
								data-widget="collapse">
								<i class="fa fa-minus"></i>
							</button>
						</div>
					</div>
					<div class="box-body no-padding">
						<ul class="nav nav-pills nav-stacked" id="ul">
							<li id="showMessage" class="active">
								<a href="javascript:;">
									<i class="fa fa-inbox"></i> 举报箱
									<span id="letterCount" class="label label-primary pull-right"></span>
								</a>
							</li>
							<li id="showUndo">
								<a href="javascript:;" id="loadUndoLetter">
									<i class="fa fa-envelope-o"></i> 未处理信件
									<span id="undoLetterCount" class="label label-warning pull-right"></span>
								</a>
							</li>
							<li id="showOneLevel">
								<a href="javascript:;" level="0" name="loadLevel">
									<i class="fa fa-file-text-o"></i> 一级信件
									<span id="levelOneLetterCount" class="label label-warning pull-right"></span>
								</a>
							</li>
							<li id="showTwoLevel">
								<a href="javascript:;" level="1" name="loadLevel">
									<i class="fa fa-filter"></i> 二级信件
									<span id="levelTwoLetterCount" class="label label-warning pull-right"></span>
								</a>
							</li>
							<li id="showThreeLevel">
								<a href="javascript:;" level="2" name="loadLevel">
									<i class="fa fa-trash-o"></i> 三级信件
									<span id="levelThreeLetterCount" class="label label-warning pull-right"></span>
								</a>
							</li>
							<li id="showSearch"><a href="javascript:;"><i
									class="glyphicon glyphicon-search"></i> 搜索结果 <span
									class="label label-primary pull-right"></span></a></li>
						</ul>
					</div>
					<!-- /.box-body -->
				</div>
				<!-- /. box -->
				<div class="box box-solid">
					<div class="box-header with-border">
						<h3 class="box-title">标签</h3>
						<div class="box-tools">
							<button type="button" class="btn btn-box-tool" data-widget="collapse">
								<i class="fa fa-minus"></i>
							</button>
						</div>
					</div>
					<div class="box-body no-padding">
						<ul class="nav nav-pills nav-stacked" id="tags">
						</ul>
					</div>
					<!-- /.box-body -->
				</div>
				<!-- /.box -->
				<div class="box box-solid">
					<div class="box-header with-border">
						<h3 class="box-title">处理进度</h3>

						<div class="box-tools">
							<button type="button" class="btn btn-box-tool"
								data-widget="collapse">
								<i class="fa fa-minus"></i>
							</button>
						</div>
					</div>
					<div class="box-body no-padding">
						<table class="table table-condensed">
							<tbody>
								<tr>
									<th style="width: 10px">#</th>
									<th>任务</th>
									<th>进度</th>
									<th style="width: 40px">总量</th>
								</tr>
								<tr>
									<td>1.</td>
									<td>总信件量</td>
									<td>
										<div class="progress progress-xs">
											<div class="progress-bar progress-bar-danger"
												style="width: 100%"></div>
										</div>
									</td>
									<td><span class="badge bg-red">1000</span></td>
								</tr>
								<tr>
									<td>2.</td>
									<td>已处理量</td>
									<td>
										<div class="progress progress-xs">
											<div class="progress-bar progress-bar-yellow"
												style="width: 60%"></div>
										</div>
									</td>
									<td><span class="badge bg-yellow">600</span></td>
								</tr>
								<tr>
									<td>3.</td>
									<td>流程执行中</td>
									<td>
										<div class="progress progress-xs progress-striped active">
											<div class="progress-bar progress-bar-primary"
												style="width: 30%"></div>
										</div>
									</td>
									<td><span class="badge bg-light-blue">300</span></td>
								</tr>
								<tr>
									<td>4.</td>
									<td>已证伪</td>
									<td>
										<div class="progress progress-xs progress-striped active">
											<div class="progress-bar progress-bar-success"
												style="width: 10%"></div>
										</div>
									</td>
									<td><span class="badge bg-green">100</span></td>
								</tr>
							</tbody>
						</table>
					</div>
					<!-- /.box-body -->
				</div>
				<a style="position: absolute; right: 0;" onClick="showStatisc()">>>>了解更多</a>
			</div>

			<!-- /.col -->
			<div class="col-md-9" id="message">
				<div class="box box-primary">
					<div class="box-header with-border">
						<h3 class="box-title">举报箱</h3>
						<!-- /.box-tools -->
					</div>
					<!-- /.box-header -->
					<div class="box-body no-padding">
						<div class="mailbox-controls">
							<!-- Check all button -->
							<button type="button"
								class="btn btn-default btn-sm checkbox-toggle">
								<i class="fa fa-square-o"></i>
							</button>
							<div class="btn-group"></div>
							<!-- /.btn-group -->
							<button id="refresh" type="button" class="btn btn-default btn-sm">
								<i class="fa fa-refresh"></i>
							</button>
							<div class="pull-right">
								<span id="recordsNums"></span>
								<div class="btn-group">
									<button id="preview" type="button" class="btn btn-default btn-sm">
										<i class="fa fa-chevron-left"></i>
									</button>
									<button id="next" type="button" class="btn btn-default btn-sm">
										<i class="fa fa-chevron-right"></i>
									</button>
								</div>
								<!-- /.btn-group -->
							</div>
							<!-- /.pull-right -->
						</div>
						<div class="table-responsive mailbox-messages">
							<table class="table table-hover table-striped">
								<tbody id="letters">
								</tbody>
							</table>
							<!-- /.table -->
						</div>
					</div>
					<!-- /.mail-box-messages -->
				</div>
				<!-- /.box-body -->
				<ul class="pagination pull-right">

				</ul>
			</div>
			<jsp:include page="detail.jsp"/>
			<div class="col-md-9" id="statiscresult" style="display:none">
				<div class="box box-primary">
					<div class="box-header with-border">
						<h3 class="box-title">统计结果</h3>
					</div>
					<!-- /.box-header -->
					<div class="box-body no-padding">
						<!-- 案件类型占比 -->
						<div class="col-md-12">
							<div class="box" id="main" style="height: 364px; width: 850px"></div>
						</div>
						<!-- end 信件量/处理量 -->
						<!-- 中高层干部/基层干部 -->
						<div class="col-md-12">
							<!-- LINE CHART -->
							<div class="box box-info">
								<div class="box-header with-border">
									<h3 class="box-title">中高层干部/基层干部</h3>

									<div class="box-tools pull-right">
										<button type="button" class="btn btn-box-tool"
											data-widget="collapse">
											<i class="fa fa-minus"></i>
										</button>
										<button type="button" class="btn btn-box-tool"
											data-widget="remove">
											<i class="fa fa-times"></i>
										</button>
									</div>
								</div>
								<div class="box-body">
									<div class="chart">
										<canvas id="lineChart" height="235" width="798"></canvas>
									</div>
								</div>
							</div>
							<!-- end LINE CHART -->
						</div>
					</div>
					<!-- /.mail-box-messages -->
				</div>
				<!-- /.box-body -->

			</div>
		</div>
		<!-- /.col -->
	</div>
	<div id="footer">
		<div class="container">
			<p class="text-muted" style="float: right">关于我们</p>
		</div>
	</div>

</body>
</html>